//返回上级菜单
$('#back').click(function () {
    window.history.go(-1);
})
var obj;
load();
//座位事件
$('.seat div').on('click', 'div', function () {

    var seatsPosition = $(this).text();
    //存储当前点击的数据
    obj = {};
    obj['position'] = seatsPosition;
    // console.log(obj);

    //判断点击 执行删除或者增加
    // console.log($(this).attr('class'));
    if ($(this).attr('class') == 'kx') {
        // $(this).attr('class', 'yx');
        add();
        load();
    } else if ($(this).attr('class') == 'yx') {
        $(this).attr('class', 'kx');
        sub();
        load();
    }
    //购票点击按钮


})
$('#gopay').click(function () {
    var data = getData('seat-mobile');
    if (data.length > 0) { location.href = 'pay.html'; }
    else {
        alert('请选座位');
    }
});


//增加数据
function add() {
    var data = getData('seat-mobile');
    if (data.length >= 4) {
        alert('只能选4个')
    } else {
        data.push(obj);
    }
    saveData(data);
};

//删除数据
function sub() {
    var data = getData('seat-mobile');
    // console.log(data);
    data = data.filter(v => {
        // console.log(v.position);
        if (v.position != obj.position) {
            return v
        }
    });
    saveData(data);
};


//渲染页面
function load() {
    //清空样式
    $('#yxSit').empty();
    var data = getData('seat-mobile');
    var detail = getData('payDetail');
    // console.log(data);
    data.forEach(e => {
        //处理样式
        // console.log(e.position);
        //选出当前座位
        var seat = $('.seat div div');
        seat.each((i, v) => {
            if (v.innerText == e.position) {
                nowSeat = v;
            }
        });
        $(nowSeat).attr('class', 'yx');
        // $(`.row${e.row} dd:nth-child(${num})`).attr('class', 'yx');

        //增加标签
        $('#yxSit').append(`<div>${e.position}</div>`);

    });
    // 处理价格
    $('#price').text(`￥${data.length * detail.price}`);
    //添加页面信息
    $('.foot .name').text(`${detail.title}`);
    //时间
    var date = new Date().toLocaleString();
    console.log(date);
    $('.msg span').text(date);
};

//获取本地数据
function getData(name) {
    var local = localStorage.getItem(name);
    if (local != null) {
        return JSON.parse(local);
    } else {
        return [];
    }
};

//添加本地数据
function saveData(data) {
    localStorage.setItem('seat-mobile', JSON.stringify(data));

};